define(['jquery', 'bootstrap', 'frontend', 'template', 'form','echarts', 'bootstrap-datetimepicker'],
function ($, undefined, Frontend, Template, Form,echarts,datetimepicker) {
	Date.prototype.format = function (fmt) {
	    var o = {
	        "M+": this.getMonth() + 1, //月份
	        "d+": this.getDate(), //日
	        "h+": this.getHours(), //小时
	        "m+": this.getMinutes(), //分
	        "s+": this.getSeconds(), //秒
	        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
	        "S": this.getMilliseconds() //毫秒
	    };
	    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    for (var k in o)
	        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    return fmt;
	}
	var chart = {
			chartid:'',
	    	myChart:null,
	    	dataset:null,
	        init:function(control,chartid){
	            var that = this;
	            that.chartid = chartid;
	            that.myChart = echarts.init(document.getElementById(that.chartid));
	            //control._dateselect();
	            that._getDataAndDraw();
	            $("#"+that.chartid+"select").change(function(){
	            	that._drawchart(that.dataset[$(this).val()]);
	            });
	        },
	        _getDataAndDraw:function(){
	        	var that = this;
				Fast.api.ajax({
				    url: "csmonline/chartonline/"+that.chartid,
				    type: "get",
				    data:{
				    	begin:$("#datetimepicker1_input").val(),
				    	end:$("#datetimepicker2_input").val()
				    },
				}, function (data, ret) {
					that.dataset = data;
					console.log(data);
					console.log($("#"+that.chartid+"select").val());
					that._drawchart(that.dataset[$("#"+that.chartid+"select").val()]);
				    return false;
				}, function (data, ret) {
				    return false;
				});

	        },
	        _drawchart:function(dataset){
	        	var that = this;
	        	console.log(dataset);
				// var data = [{
				//     name: 'Apples',
				//     value: 70
				// }, {
				//     name: 'Strawberries',
				//     value: 68
				// }];
				var option = {
				    tooltip: {
				        trigger: 'item',
				        formatter: '{a} <br/>{b} : {c} ({d}%)'
				    },		
				    
				    series: [{
				        type: 'pie',
				        data: dataset,
				    }]
				};

	            that.myChart.setOption(option);           
	        },   		
		};

    return chart;
});